<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>旅游数据统计 - 中国旅游景点评价网</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="logo">
            <h1>中国旅游景点评价网</h1>
        </div>
        <ul class="nav-links">
            <li><a href="index.html">首页</a></li>
            <li><a href="popular.html">热门景点</a></li>
            <li><a href="reviews.html">游客评价</a></li>
            <li><a href="statistics.html">数据统计</a></li>
            <li><a href="services.html">服务指南</a></li>
        </ul>
    </nav>

    <!-- 数据统计 -->
    <section class="statistics-section compact">
        <div class="section-header">
            <h2>旅游数据统计</h2>
            <p>了解旅游趋势和游客偏好</p>
        </div>
        
        <div class="charts-container compact">
            <!-- 游客季节偏好饼图 -->
            <div class="chart-box compact">
                <h3>游客季节偏好分布</h3>
                <canvas id="visitsChart"></canvas>
            </div>
            
            <!-- 景点满意度分布饼图 -->
            <div class="chart-box compact">
                <h3>景点满意度分布</h3>
                <canvas id="satisfactionChart"></canvas>
            </div>
        </div>
        
        <div class="statistics-details compact">
            <h3>景点交通便利性评分</h3>
            <div class="transport-rating-table compact">
                <table>
                    <thead>
                        <tr>
                            <th>景点名称</th>
                            <th>公交</th>
                            <th>自驾</th>
                            <th>停车</th>
                            <th>总体</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>黄山风景区</td>
                            <td>★★★☆☆</td>
                            <td>★★★★☆</td>
                            <td>★★★☆☆</td>
                            <td>★★★★☆</td>
                        </tr>
                        <tr>
                            <td>九寨沟风景区</td>
                            <td>★★☆☆☆</td>
                            <td>★★★★★</td>
                            <td>★★★★☆</td>
                            <td>★★★★☆</td>
                        </tr>
                        <tr>
                            <td>鼓浪屿</td>
                            <td>★★★★★</td>
                            <td>☆☆☆☆☆</td>
                            <td>★★☆☆☆</td>
                            <td>★★★☆☆</td>
                        </tr>
                        <tr>
                            <td>张家界</td>
                            <td>★★★☆☆</td>
                            <td>★★★★☆</td>
                            <td>★★★★☆</td>
                            <td>★★★★☆</td>
                        </tr>
                        <tr>
                            <td>三亚亚龙湾</td>
                            <td>★★★★☆</td>
                            <td>★★★★☆</td>
                            <td>★★★☆☆</td>
                            <td>★★★★☆</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="footer-content">
            <div class="footer-info">
                <h3>中国旅游景点评价网</h3>
                <p>您的旅行指南，我们用心为您服务</p>
            </div>
            <div class="footer-links">
                <h4>快速链接</h4>
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="popular.html">热门景点</a></li>
                    <li><a href="reviews.html">游客评价</a></li>
                    <li><a href="statistics.html">数据统计</a></li>
                    <li><a href="services.html">服务指南</a></li>
                </ul>
            </div>
            <div class="footer-contact">
                <h4>联系我们</h4>
                <p>邮箱：contact@travelreview.com</p>
                <p>电话：400-123-4567</p>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; 2023 中国旅游景点评价网 版权所有</p>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>